<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="" method="get" enctype="multipart/form-data">
<!--    fieldset 分组标签-->
    <fieldset>
        <legend>分组名</legend>
        姓名：
        <input type="text">
    </fieldset>

<!--    下拉框分组标签-->
    <select name="" id="">
        <optgroup label="分组">
            <option value="">分组1</option>
            <option value="">分组2</option>
            <option value="">分组3</option>
        </optgroup>
    </select>
</form>

<br>

<form action="" method="get" enctype="multipart/form-data">
    邮箱验证:
    <input type="email" name="email"> <br>

    url验证：
    <input type="url" name="url"> <br>

    数字验证：
    <input type="number" name="number" min="1" max="10" value="10" step="2"> <br>

    滑块：
    <input type="range" name="range" min="1" max="10" value="2">

    <br>
    搜索：
    <input type="search" name="search">

    <br>
    颜色选取
    <input type="color" name="color">

    电话号码
    <br>
    <input type="tel" name="phone">

    <br>
    日期
    <input type="date" name="" id="">

    <br>
    时间
    <input type="time" name="" id="">

    <br>
    周
    <input type="week" name="" id="">

    <br>
    月
    <input type="month" name="" id="">

    <br>
    <input type="datetime-local" name="" id=""> 完整时间格式
    


    <br>
    <button type="submit">提交</button>

</form>






</body>
</html>